---
id: demo
title: 3. 新增样例
sidebar_label: 3. 新增样例
---

import useBaseUrl from "@docusaurus/useBaseUrl";

本节通过代码生成器生成一个包含增删改查的DEMO样例，比如一个客户主数据。

## 3.1 步骤

前后端都启动后，找到 辅助模块=>代码生成

### 3.1.1 新建一条记录

<img src={useBaseUrl("img/base/03/01.png")}/>

<img src={useBaseUrl("img/base/03/02.png")}/>

### 3.1.2 预览代码

<img src={useBaseUrl("img/base/03/03.png")}/>

### 3.1.3 下载解压代码
<img src={useBaseUrl("img/base/03/04.png")}/>

### 3.1.4 代码拷贝

将C#文件夹下的代码拷贝到后端项目中对应的目录

<img src={useBaseUrl("img/base/03/05.png")}/>

将VUE文件夹下的代码拷贝到前端项目中对应的目录

<img src={useBaseUrl("img/base/03/06.png")}/>

### 3.1.5 路由菜单处理
1）如果是后端路由则执行生成的sql，将路由菜单数据插入数据库
<img src={useBaseUrl("img/base/03/07.png")}/>

2）如果是前端路由则在现有路由菜单中增加route文件加下的json数据

<img src={useBaseUrl("img/base/03/08.png")}/>

### 3.1.6 后端重新生成再运行
1）如果后端是VS则按下图重新生成再运行

<img src={useBaseUrl("img/base/03/09.png")}/>

2）如果后端是Rider则按下图重新生成再运行
<img src={useBaseUrl("img/base/03/10.png")}/>

## 3.2 验证

按照上边的过程，重新启动前后端项目。

数据库会codeFirst自动生成新表

<img src={useBaseUrl("img/base/03/11.png")}/>

左侧导航栏会出现客户清单的导航

<img src={useBaseUrl("img/base/03/12.png")}/>

<img src={useBaseUrl("img/base/03/13.png")}/>

